iT邦幫忙

2024 iThome 鐵人賽

DAY 16
0
自我挑戰組

PHP框架-Laravel自學挑戰系列 第 16

DAY 16 - 用Laravel做一個小專案!專案發想與架構

  • 分享至 

  • xImage
  •  

哈囉大家好~
今天要正式開始啟動小專案啦!
雖然對Laravel還不是很熟悉,但要開始透過專案來實現功能了/images/emoticon/emoticon06.gif
那就先從專案的發想和設計開始吧!

因為最近剛好在整理自己的GitHub,看到自己的個人網頁裡面放著自己的履歷,想到自己之前花了很多時間找履歷的模版,所以想要自己做一個resume builder。
小專案想要實現以下功能:

  1. 使用者登入/登出功能
  2. 新增一個新的resume功能,填寫自己的履歷內容,儲存後顯示於頁面。
  3. 可以修改過去編輯的內容。
  4. 可以刪除不想要的履歷內容。
  5. 好看一點點的介面

預計會用到的語言或框架如下:
Frontend: Laravel livewire, Bootstrap
Backend: Laravel
DataBase: MySQL

雖然專案的名稱叫resume builder,但其實沒辦法說做得很漂亮(會先以可以實現功能為主XD)
可以編輯的部分有:
資本資料,包括照片、個人聯絡資料、個人社群連結、技能、工作經歷⋯⋯等。

專案的架構大致如下:(目前暫定/images/emoticon/emoticon02.gif

  1. '/': 主頁就是登入畫面,使用者可以登入後進入應用程式dashboard頁面。
  2. '/dashboard': 登入後會有兩個按鈕,分別可以切換至「創建resume」,「所有創建的resume」頁面。
  3. '/create': 使用者會在這裡撰寫內容,按下儲存鍵後會自動跳轉到archive頁面顯示對應的預覽結果。若要編輯內容或刪除特定的resume也會在這裡進行。(編輯以及刪除按鈕進行模式切換)
  4. 其他:登入後每個頁面上方都會有一個navbar,使用者可以透過navbar右手邊的登出按鈕來退出應用程式。

以上就是針對這次專案的簡單說明,專案的內容會以進度和時間的規劃進行調整(理想還是希望可以提早做完來做其他部分的加強或新增其他功能QQ),目標還是以專案的完整性為目標!
那今天的分享就告一個段落了,希望自己可以在鐵人賽結束的那天也能順利完成小專案!


上一篇
DAY 15 - 用Laravel Livewire 前端框架撰寫Form (下)
下一篇
DAY17 - resume builder 登入畫面與功能(上)
系列文
PHP框架-Laravel自學挑戰30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言